
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>选择时间</title>
  <meta name="author" content="志浩">
  <meta name="description" content="普济一城">
  <meta name="viewport" content="initial-scale=1,maximum-scale=1">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="transparent">
  <meta name="format-detection" content="telephone=no,email=no">
  <link rel="stylesheet" type="text/css" href="../../css/sm.min.css">
  <link rel="stylesheet" type="text/css" href="../../css/sm-extend.min.css">
  <link rel="stylesheet" type="text/css" href="../../css/base.css">
  <link rel="stylesheet" type="text/css" href="../../css/service/sel_time.css">
</head>
<body>
  <!-- page集合的容器，里面放多个平行的.page，其他.page作为内联页面由路由控制展示 -->
  <div class="page-group">
    <!-- 单个page ,第一个.page默认被展示-->
    <div class="page">
        <!-- 标题栏 -->
      <header class="bar bar-nav">
        <a class="icon icon-left pull-left"></a>
        <h1 class="title">选择时间</h1>
      </header>
      <div class="content">
        <!-- 导航 -->
        <div class="homePage-a">
          <div id="nav_wrap">
            <ul id="main_nav">
            </ul>
          </div>
        </div>
        <!-- 时间列表 -->
        <ul class="time_list" id="time_list">
          <li class="t_active">
            <p>09:00</p>
          </li>
          <li>
            <p>09:30</p>
          </li>
          <li>
            <p>10:00</p>
          </li>
          <li>
            <p>10:30</p>
          </li>
          <li>
            <p>11:00</p>
          </li>

          <li>
            <p>11:30</p>
          </li>
          <li>
            <p>12:00</p>
          </li>
          <li>
            <p>12:30</p>
          </li>
          <li>
            <p>13:00</p>
          </li>
          <li>
            <p>13:30</p>
          </li>
          <li>
            <p>14:00</p>
          </li>
          <li>
            <p>14:30</p>
          </li>
          <li>
            <p>15:00</p>
          </li>
          <li>
            <p>15:30</p>
          </li>
          <li>
            <p>16:00</p>
          </li>
          <li>
            <p>16:30</p>
          </li>
          <li>
            <p>17:00</p>
          </li>
          <li>
            <p>17:30</p>
          </li>
          <li>
            <p>18:00</p>
          </li>
          <li>
            <p>18:30</p>
          </li>
          <li>
            <p>19:00</p>
          </li>
          <li>
            <p>19:30</p>
          </li>
          <li>
            <p>20:00</p>
          </li>
          <li>
            <p>20:30</p>
          </li>
          <li>
            <p>21:00</p>
          </li>
          <li>
            <p>21:30</p>
          </li>
          <li>
            <p>22:00</p>
          </li>
          <li>
            <p>22:30</p>
          </li>
          <li>
            <p>23:00</p>
          </li>
          <li>
            <p>23:30</p>
          </li>
        </ul>
        <div class="s_footer2">
          <p>实际时间可能会有30分钟浮动</p>
          <div>
            <button class="sure_time">确定选择</button>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script type="text/javascript" src="../../js/zepto.min.js"></script>
  <script type="text/javascript" src="../../js/sm.min.js"></script>
  <script type="text/javascript" src="../../js/sm-extend.min.js"></script>
  <script type="text/javascript" src="../../js/common.js"></script>
  <script type="text/javascript" src="../../js/service/sel_time.js"></script>
  <script type="text/javascript">

  </script>
</body>
</html>